$(function () {
   
  var layer = layui.layer;
  $("#link_reg").on("click", function () {
    //注册表单显示
    $(".reg-box").show();
    //登录表单要隐藏
    $(".login-box").hide();
  });
  $("#link_login").on("click", function () {
    // 注册表单隐藏
    $(".reg-box").hide();
    //  登录表单显示
    $(".login-box").show();
  });
  /* 自定义你安排单效验规则 */
  var form = layui.form;
  form.verify({
    // 规则名pwd
    pwd: [/^[\S]{6,12}$/, "密码必须是6-12位非空字符"],
    repwd: function (value, item) {
      // value表单项的值
      // item表单项元素对象
      if (value != $("#form_reg [name=password]").val()) {
        return "两次密码不一致";
      }
    },
  });

  /* 注册用户表单 */
  $("#form_reg").on("submit", function (e) {
    e.preventDefault();
    var username = $("#form_reg [name=username]").val().trim();
    var password = $("#form_reg [name=password]").val().trim();
    var repassword = $("#form_reg [name=repassword]").val().trim();
    // console.log(username, password, repassword);
    // 掉接口发送请求，实现注册功能
    $.ajax({
      url: "/api/reguser",
      method: "post",
      data: {
        username: username,
        password,
      },
      success: function (res) {
        console.log(res);
        if (res.status !== 0) {
          return layer.msg(res.message, { icon: 5 });
        }
        // alert("注册成功");
        layer.msg("注册成功", { icon: 6 }, function () {
          //显示登录表单（触发‘去登录’按钮的单击事件）
          $("#link_login").click();
        });
      },
    });
  });
//给登录表单绑定submit事件
  $("#form_login").on("submit", function (e) {
    e.preventDefault();
    var data = $(this).serialize();
    $.ajax({
      url: "/api/login",
      method: "post",
      data: data,
      success: function (res) {
        console.log(res);
        //判断请求是否成功
        if (res.status !== 0) {
          return layer.msg(res.message, { icon: 5 });
        }
        layer.msg("登录成功", { icon: 6 }, function () {
            //保存token到本地存储中
            localStorage.setItem("token", res.token);
            //跳转到后台首页
          location.href = "/index.html";
        });
      },
    });
  });
});
